.app {
    width: 100%;
    display: flex;
    padding-bottom: 60px;

    .left {
        width: 100px;
        text-align: center;
        padding: 18px 0;
        background-color: #eee;
    }

    .right {
        padding: 16px 0 0 0;

        .good {
            .title2 {
                font-size: 16px;
                font-weight: bold;
                margin: 0;
                height: 40px;
                line-height: 40px;
                padding-left: 16px;
            }

            .list {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                flex: 1;
                text-align: center;
                margin: 0 auto 10px;

                .mingood {
                    width: 80px;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: center;
                    margin-top: 10px;

                    span {
                        margin-top: 10px;
                        font-size: 14px;
                    }
                }
            }

            img {
                width: 60px;
                height: 60px;
                border-radius: 50%;
            }
        }
    }

    .active {
        background-color: #fff;

        span {
            display: inline-block;
            width: 100px;
            color: red;
            border-left: 3px solid red;
            font-weight: bold;
        }

    }
}